#backdrop{background: url(../images/win-bg.jpg) center center/cover no-repeat;position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;}
#content{position: fixed;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;}
#taskbar{background-color: var(--taskbar-color);height: 35px;position: fixed;bottom: 0;z-index: 99999999999;width: 100%;line-height: 35px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .2);color: #fff;}
#taskbar #start .start{width: 55px;text-align: center;font-size: 14px;float: left;}
#taskbar #start:hover .start{background: rgba(255, 255, 255, .3);}
#taskbar #start div[data-status=open]{background: rgba(255, 255, 255, .3);}
#taskbar #start .start-menu{position: absolute;width: 300px;background: rgba(0, 0, 0, .5);bottom: 35px;height: 0;transition: height .1s;overflow: hidden;}
#taskbar #start .start-menu .menu-left{position: absolute;width: 55px;height: 100%;background: rgba(255, 255, 255, .2);}
#taskbar #start .start-menu .menu-left i.exit{font-size: 24px;position: absolute;bottom: 10px;left: 15px;}
#taskbar #start .start-menu .menu-right{position: absolute;top: 0;right: 0;bottom: 0;left: 55px;overflow-y: scroll;}
#taskbar #start .start-menu .menu-right::-webkit-scrollbar {width: 8px;}
#taskbar #start .start-menu .menu-right::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .1);-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
#taskbar #start .start-menu .menu-right::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .2);-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
#taskbar #start .start-menu .menu-right ul{padding: 15px 0;}
#taskbar #start .start-menu .menu-right ul li{list-style: none;padding: 5px 20px;color: #fff;margin: 10px 10px;line-height: 30px;}
#taskbar #start .start-menu .menu-right ul li:hover{background: rgba(0, 0, 0, .1);}
#taskbar #start .start-menu .menu-right ul li i{vertical-align: middle;font-size: 27px;}
#taskbar #start .start-menu .menu-right ul li span{vertical-align: middle;font-size: 14px;padding: 0 10px;}
#taskbar .mission{float: left;position: relative;}
#taskbar .mission .task-right-menu{position: absolute;z-index: 10;left: 0;bottom: 42px;background: rgba(0, 0, 0, .5);font-size: 12px;width: 150px;display: none;}
#taskbar .mission .task-right-menu>div{padding: 0 12px;}
#taskbar .mission .task-right-menu>div>i{font-size: 12px;}
#taskbar .mission .task-right-menu>div:hover{background: rgba(0, 0, 0, .2);}
#taskbar .mission .tasks .task{float: left;font-size: 12px;background: rgba(255, 255, 255, .05);padding: 0 20px;margin: 0 1px 0 0;}
#taskbar .mission .tasks .task:hover{background: rgba(255, 255, 255, .2)}
#taskbar .mission .tasks .current{background: rgba(255, 255, 255, .2)}
#taskbar .taskbar-right{float: right;}
#taskbar .taskbar-right>div{float: left;}
#taskbar .taskbar-right>div:hover{background: rgba(255, 255, 255, .3);}
#taskbar .taskbar-right .taskbar-right-message{padding: 0 10px;}
#taskbar .taskbar-right .taskbar-right-message i{}
#taskbar .taskbar-right .spread{background: rgba(255, 255, 255, .3);}
#taskbar .taskbar-right .taskbar-right-time{line-height: 12px;font-size: 12px;text-align: center;padding: 5.5px 10px;}
#taskbar .taskbar-right .taskbar-right-desktop{width: 10px;background: rgba(255, 255, 255, .1);height: 35px;border-left: 1px solid rgba(255, 255, 255, .2);box-shadow: 0 0 2px rgba(255, 255, 255, .3);margin-left: 5px;}
#taskbar .taskbar-right .taskbar-right-desktop:hover{background: rgba(255, 255, 255, .15);}
#unknown .right-menu{width: 150px;background: #eee;line-height: 30px;border-radius: 2px;position: absolute;z-index: 2;top: 0;left: 0;overflow: hidden;box-shadow: 0 0 10px #aaa;/* transition: all .1s;-webkit-transition: all .2s; */height: 0;}
#unknown .right-menu div{height: 30px;}
#unknown .right-menu div:hover{background: rgba(0, 0, 0, .1);}
#unknown .right-menu div span{display: inline-block;width: 30px;text-align: center;border-right: 1px solid #ddd;margin-top: -4.5px;vertical-align: middle;}
#unknown .right-menu div b{display: inline-block;font-size: 13px;margin-top: -4.5px;margin-left: .5em;vertical-align: middle;text-decoration: none;color: #444;text-shadow: 0 0 1px #aaa;font-weight: normal;}
#unknown .right-message{position: fixed;top: 0;right: 0;bottom: 35px;width: 0;z-index: 3000000000;}
#unknown .right-message #message{position: absolute;left: 0;width: 320px;height: 100%;background: rgba(0, 0, 0, .5);z-index: 10000;transition: all .5s;}
#unknown .right-message #message .message{margin: 5px 30px;padding: .1px;}
#unknown .right-message #message .message .title{font-size: 15px;font-weight: bold;color: #fff;margin: 15px 0;}
#unknown .right-message #message .message ul{}
#unknown .right-message #message .message ul li{color: #fff;list-style: none;background: rgba(255, 255, 255, .1);padding: 5px 10px;margin: 10px 0;}
#unknown .right-message #message .message ul li:hover{background: rgba(255, 255, 255, .2);}
#unknown .right-message #message .message ul li h4{line-height: 24px;font-size: 14px;}
#unknown .right-message #message .message ul li p{padding: 5px 0;font-size: 12px;}
#unknown .full-lock #lock{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100000000000;display: none;}
#unknown .full-lock #lock .lock{position: absolute;width: 100%;height: 100%;}
#unknown .full-lock #lock .lock .user{text-align: center;margin-top: 10%;}
#unknown .full-lock #lock .lock .user .image{}
#unknown .full-lock #lock .lock .user .image img{border-radius: 50%;overflow: hidden;box-shadow: 0 0 5px rgba(0, 0, 0, .8);}
#unknown .full-lock #lock .lock .user .username{margin: 15px 0;font-size: 45px;font-weight: bold;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, 1);}
#unknown .full-lock #lock .lock .user .userpass input{background: rgba(0, 0, 0, .3);height: 30px;outline: none;padding: 0 10px;border: 1px solid rgba(255, 255, 255, .7);color: #fff;width: 240px;}

#content .shortcuts .shortcut{position: absolute;}
#content .shortcuts .shortcut>div{width: 80px;text-align: center;height: 80px;border: 1px solid transparent;margin: 10px;font-size: 13px;color: #eee;text-shadow: 0 0 4px #000;border-radius: 2px;}
#content .shortcuts .shortcut>div.click{border: 1px solid #eee;background: rgba(255, 255, 255, .3);}
#content .shortcuts .shortcut>div:hover{border: 1px solid #eee;background: rgba(255, 255, 255, .3);}
#content .shortcuts .shortcut .shortcut-icon{font-size: 3em!important;margin-top: 10px;color: #eee;}

#unknown .popup-layer .layer{position: absolute;z-index: 8;background: #fff;pointer-events: auto;border-radius: 0px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, .2);z-index: 900;}
#unknown .popup-layer .layer .popup-layer-move{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: none;}
#unknown .popup-layer .layer .title{background: rgba(0, 0, 0, .7);position: relative;padding: 0px 15px;height: 32px;line-height: 32px;box-sizing: border-box;color: #fff;z-index: 8;font-size: 13px;}
#unknown .popup-layer .layer .buttons{position: absolute;top: 0;right: 0;z-index: 9;height: 32px;color: #fff;}
#unknown .popup-layer .layer .buttons i{display: inline-block;padding: 0 7px;font-size: 10px!important;height: 32px;padding: 0 10px;line-height: 32px;}
#unknown .popup-layer .layer .buttons i.close:hover{background: #E81123;}
#unknown .popup-layer .layer .main{pointer-events: auto;position: absolute;width: 100%;height: 100%;}
#unknown .popup-layer .layer .main iframe{border: none;width: 100%;height: 100%;pointer-events: auto;}